<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="'数据列表【'+mixinList_tableSearchData.dictType+'】'" width="80vw"
    :visible.sync="boxVisible" append-to-body>
    <div style="height:calc(100vh - 260px);">
        <LayoutTableSmall>
            <!-- 顶部 -->
            <template slot="top"></template>
            <!-- 其他 -->
            <template slot="other"></template>
            <!-- 搜索 -->
            <template slot="search">
                <div style="opacity: .7; line-height:32px" v-if="!remark">暂无备注信息</div>
                <div style="line-height:32px" v-else>备注信息：{{remark}}</div>
            </template>
            <!-- 功能 -->
            <template slot="function">
                <el-button type="primary" @click="editBoxOpen({type:'add'})">添加数据字典</el-button>
            </template>
            <!-- 表格 -->
            <template slot="table">

                <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;" :ref="mixinPage_vueName+'TableSmall'"
                    height="100%" @selection-change="mixinList_handleSelectionChangeTableSmall"
                    :tree-props="{children: 'children'}" row-key="id">
                    <el-table-column type="selection" width="50" fixed align="center"></el-table-column>
                    <el-table-column type="index" width="50" :index="mixinList_indexMethod" fixed align="center"
                        label="#"></el-table-column>
                    <el-table-column prop="dictLabel" label="数据标签"></el-table-column>
                    <el-table-column prop="dictValue" label="数据数值"></el-table-column>
                    <el-table-column prop="dictSort" label="排序" width="80"></el-table-column>
                    <el-table-column prop="status" label="启用状态" align="center" width="80">
                        <template slot-scope="scope"><StateIcon :type="scope.row.status==0?'success':'error'"></StateIcon></template>
                    </el-table-column>
                    <el-table-column prop="isDefault" label="默认值" align="center" width="80">
                        <template slot-scope="scope"><StateIcon :type="scope.row.isDefault==1?'success':'error'"></StateIcon></template>
                    </el-table-column>
                    
                    <el-table-column prop="remark" label="备注信息" width="180"></el-table-column>
                    <el-table-column label="操作" width="260" align="center">
                        <template slot-scope="scope">
                            <el-button @click="editBoxOpen({type:'update',id:scope.row.id})">编辑</el-button>
                            <el-button type="danger" plain @click="mixinList_selectTableDeleteData([scope.row])">删除
                            </el-button>
                        </template>
                    </el-table-column>


                </el-table>

            </template>
            <!-- 表格选项 -->
            <template slot="options">
                <el-button :disabled="mixinList_selectTableData.length<=0"
                    @click="mixinList_selectTableDeleteData()">
                    删除已选</el-button>
                <el-button :disabled="mixinList_selectTableData.length<=0"
                    @click="mixinList_clearSelectionChangeTableSmall()">取消选择
                </el-button>
            </template>
            <!-- 分页 -->
            <template slot="page">
                <el-pagination class="paginationStyle" v-if="mixinList_pageData.total>0" background
                    @current-change="mixinList_pagingData($event,'tableData')"
                    :current-page="mixinList_pageData.pageNum" :page-size.sync="$vFN.Constants.pageSize"
                    layout="total, prev, pager, next,jumper" :total.sync="mixinList_pageData.total">
                </el-pagination>
            </template>
        </LayoutTableSmall>
    </div>
</el-dialog>